<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美团</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4069854_7nwlwxvwxmm.css">
</head>

<body>
    <div class="title">
        <div class="logo">
            <a href=""><img src="./image/logo.png" alt="" href="#"></a>
        </div>
        <div class="login">
            <div>
                <p class="wen">已有美团账号？</p>
                <input type="button" value="登入" id="btn1">
            </div>
        </div>
    </div>
    <form action="">
        <div class="phone">
            <label for="phone">手机号</label>
            <input type="text" name="phone" id="phone" maxlength="11" minlength="11">
        </div>
        <p class="dongtai">免费获取短信动态码</p>
        <div class="duanxin">
            <label for="duanxin">短信动态码</label>
            <input type="text" name="duanxin" id="duanxin" maxlength="5" minlength="5">
        </div>
        <div class="pastword">
            <label for="pastword">创建密码</label>
            <input type="text" name="pastword" id="pastword">
        </div>
        <nav>
            <p>弱</p>
            <p>中</p>
            <p>强</p>
        </nav>

        <div class="pastword-1">
            <label for="pastword">确认密码</label>
            <input type="text" name="pastword-1" id="pastword">
        </div>
        <div class="sub">
            <label for=""></label>
            <input type="submit" name="btn2" id="btn2" value="完成注册并登入">
        </div>
        <div class="yinsi">
            <label for=""></label>
            <div>
                <div style="width: 20px;height: 20px;">
                    <input type="radio" name="yinsi" id="yinsi">
                </div>
                
                <p>我已阅读并同意<a href="#">《美团用户协议》</a><a href="#">《隐私协议》</a>，并授权美团使用该美团账号信息（如昵称、头像、收货地址）进行统一管理。</p>
            </div>
            
        </div>
    </form>
    <div class="dibu">
        <footer>
            <p>©meituan.com 京ICP证070791号 京公网安备11010502025545号</p>
        </footer>
    </div>
   
</body>

</html>